<template>
  <NavBar title="用户服务协议" color="#fff" colorText="#333" brg="#f8f8f8">
  <view class="user-agreement-container">
    <view class="content-wrapper">
        <!-- 标题 -->
        <view class="title-section">
          <text class="main-title">用户服务协议</text>
          <text class="update-time">更新时间：2025年1月</text>
        </view>

        <!-- 协议内容 -->
        <view class="agreement-content">
          <!-- 前言 -->
          <view class="section">
            <text class="section-text">
              欢迎您使用我们的服务！为了更好地为您提供服务，请您仔细阅读本用户服务协议（以下简称"本协议"）。本协议是您与本应用之间关于您使用本应用服务所订立的协议。
            </text>
            <text class="section-text">
              请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款。除非您已阅读并接受本协议所有条款，否则您无权使用本应用及相关服务。您的使用行为即视为您已阅读并同意本协议的约束。
            </text>
          </view>

          <!-- 第一条 -->
          <view class="section">
            <text class="section-title">一、协议范围</text>
            <text class="section-text">
              本协议是您与本应用之间关于您使用本应用服务所订立的协议。本应用是指由我们开发并运营的移动应用程序，包括但不限于iOS及Android等多个版本。
            </text>
          </view>

          <!-- 第二条 -->
          <view class="section">
            <text class="section-title">二、服务内容</text>
            <text class="section-text">
              本应用为用户提供学习辅助服务，包括但不限于拍照搜题、题库查询、学习资源等功能。我们有权根据业务发展需要，对服务内容进行调整、升级或终止。
            </text>
          </view>

          <!-- 第三条 -->
          <view class="section">
            <text class="section-title">三、用户权利与义务</text>
            <text class="section-text">
              3.1 您有权按照本协议约定使用本应用提供的服务。
            </text>
            <text class="section-text">
              3.2 您应当妥善保管您的账号信息，对您账号下的所有活动承担责任。
            </text>
            <text class="section-text">
              3.3 您承诺遵守法律法规，不得利用本应用从事违法违规活动。
            </text>
            <text class="section-text">
              3.4 您不得恶意攻击、破坏本应用的正常运行。
            </text>
          </view>

          <!-- 第四条 -->
          <view class="section">
            <text class="section-title">四、隐私保护</text>
            <text class="section-text">
              我们非常重视用户隐私保护。我们会按照相关法律法规和《隐私政策》的规定，保护您的个人信息安全。未经您同意，我们不会向第三方披露您的个人信息，法律法规另有规定的除外。
            </text>
          </view>

          <!-- 第五条 -->
          <view class="section">
            <text class="section-title">五、知识产权</text>
            <text class="section-text">
              本应用及其相关服务的知识产权归我们所有。未经我们书面许可，您不得复制、修改、传播本应用的任何内容。
            </text>
          </view>

          <!-- 第六条 -->
          <view class="section">
            <text class="section-title">六、免责声明</text>
            <text class="section-text">
              6.1 本应用提供的信息仅供参考，我们不保证信息的准确性、完整性。
            </text>
            <text class="section-text">
              6.2 因不可抗力、网络故障等原因导致的服务中断，我们不承担责任。
            </text>
            <text class="section-text">
              6.3 用户因使用本应用而产生的任何损失，我们仅在法律规定范围内承担责任。
            </text>
          </view>

          <!-- 第七条 -->
          <view class="section">
            <text class="section-title">七、协议变更</text>
            <text class="section-text">
              我们有权根据法律法规变化或业务发展需要修改本协议。修改后的协议将在应用内公布，您继续使用本应用即视为同意修改后的协议。
            </text>
          </view>

          <!-- 第八条 -->
          <view class="section">
            <text class="section-title">八、争议解决</text>
            <text class="section-text">
              因本协议产生的争议，双方应友好协商解决；协商不成的，可向有管辖权的人民法院提起诉讼。
            </text>
          </view>

          <!-- 第九条 -->
          <view class="section">
            <text class="section-title">九、其他</text>
            <text class="section-text">
              本协议自您同意之日起生效。如本协议的任何条款被认定为无效，不影响其他条款的效力。
            </text>
          </view>

          <!-- 联系方式 -->
          <view class="section">
            <text class="section-title">联系我们</text>
            <text class="section-text">
              如您对本协议有任何疑问，请通过应用内客服功能联系我们。
            </text>
          </view>
        </view>
    </view>
  </view>
  </NavBar>
</template>

<script setup lang="ts">
// 用户服务协议页面
</script>

<style scoped>
.user-agreement-container {
  min-height: 100vh;
  background: #f8f8f8;
  padding-top:160rpx;
}

.content-wrapper {
  padding: 40rpx 30rpx;
  background: white;
  margin: 20rpx;
  border-radius: 16rpx;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
}

.title-section {
  text-align: center;
  margin-bottom: 60rpx;
  padding-bottom: 30rpx;
  border-bottom: 2rpx solid #f0f0f0;
}

.main-title {
  display: block;
  font-size: 48rpx;
  font-weight: 700;
  color: #333;
  margin-bottom: 20rpx;
}

.update-time {
  display: block;
  font-size: 28rpx;
  color: #999;
}

.agreement-content {
  line-height: 1.8;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  display: block;
  font-size: 36rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 20rpx;
  padding-left: 20rpx;
  border-left: 6rpx solid #9C27B0;
}

.section-text {
  display: block;
  font-size: 30rpx;
  color: #666;
  line-height: 1.8;
  margin-bottom: 16rpx;
  text-align: justify;
}

/* 响应式适配 */
@media screen and (max-width: 750rpx) {
  .content-wrapper {
    margin: 10rpx;
    padding: 30rpx 20rpx;
  }
  
  .main-title {
    font-size: 42rpx;
  }
  
  .section-title {
    font-size: 32rpx;
  }
  
  .section-text {
    font-size: 28rpx;
  }
}

/* 安全区域适配 */
@supports (padding: max(0px)) {
  .user-agreement-container {
    padding-bottom: max(40rpx, env(safe-area-inset-bottom));
  }
}
</style>
